<template>
  <div class="text-center">
    <div>
      <img src="../../assets/logo-grey.png" class="logo-grey"/>
    </div>
    <div style="background:#fff;overflow: hidden;">
      <p class="largeSize">长按二维码添加悦龄会客服咨询</p>
      <img src="../../assets/qrcode.png" class="qrcode"/>
      <p class="smallSize">客服微信：yuelinghui123</p>
      <a href="tel:020-89442063"><p class="middleSize">客服电话：020-89442063</p></a>
    </div>
  </div>
</template>
<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import "../../common/stylus/redifined.styl"
  .logo-grey
    width cal(212) rem
    padding-top cal(35) rem
    padding-bottom cal(50) rem

  .qrcode
    width cal(236) rem
    height cal(236) rem
    margin-bottom cal(28) rem

  .largeSize
    setFontsize(18px)
    margin-bottom cal(37) rem
    margin-top cal(60) rem

  .middleSize
    setFontsize(15px)
    margin-bottom cal(66) rem

  .smallSize
    setFontsize(12px)
    margin-bottom cal(43) rem
</style>
